html{
	height: 100%;
}
body{
	margin: 0;
	height: 100%;
}
#bg1,#bg2,#bg3,#bg4{
	height: 100%;
}
#bg2,#bg3,#bg4{
	display: none;
}
#bg1{
	background: url(../img/halloween1.jpg);
	background-size: cover;
}
#text{
	position: absolute;
	top:60px;
	left:320px;
	animation: text 1s infinite;
}
@keyframes text{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
#box{
	position: absolute;
	bottom:240px;
	left:320px;
	animation: move 1s infinite;
}
@keyframes move{
	0%{
		left:320px;
	}
	50%{
		left:350px;
	}
	100%{
		left:320px;
	}
}
#bg2{
	background: url(../img/halloween2.jpg);
	background-size: cover;
}
#pumpkin{
	position: absolute;
	top:60px;
	left:270px;
}
#startGame{
	position: absolute;
	bottom:240px;
	left:380px;
}
#bg3{
	background: url(../img/halloweenMain.jpg);
	background-size: cover;
}

#bg3 img{
	position: absolute;
}
#bg3 img:nth-child(1){
	left:100px;
	top: 100px;
	animation: header1 2s infinite;
}
@keyframes header1{
	0%{
		left:100px;
	}
	100%{
		left:500px;
	}
}
#bg3 img:nth-child(2){
	left:400px;
	top: 500px;
	animation: header2 3s infinite;
}
@keyframes header2{
	0%{
		left:400px;
		top: 500px;
	}
	50%{
		left:480px;
		top: 770px;
	}
	100%{
		left:400px;
		top: 500px;
	}
}
#bg3 img:nth-child(3){
	left:600px;
	top: 200px;
	animation: header3 1s infinite;
}
@keyframes header3{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
#bg3 img:nth-child(4){
	left:150px;
	top: 900px;
	animation: header4 5s infinite;
}
@keyframes header4{
	0%{
		left:150px;
		top: 900px;
	}
	33%{
		left:300px;
		top: 1000px;
	}
	66%{
		left:500px;
	}
	100%{
		left:150px;
		top: 900px;
	}
}
#bg3 img:nth-child(5){
	left:440px;
	top: 777px;
	animation: header5 5s infinite;
}
@keyframes header5{
	0%{
		top: 777px;
	}
	50%{
		top: 1100px;
	}
	100%{
		top: 777px;
	}
}
#bg3 img:nth-child(6){
	left:600px;
	top: 1400px;
	animation: header6 4s infinite;
}
@keyframes header6{
	0%{
		left:600px;
		transform: rotate(0deg);
	}
	50%{
		left:800px;
	}
	100%{
		left:600px;
		transform: rotate(360deg);
	}
}
#bg3 img:nth-child(7){
	left:290px;
	top: 1300px;
	animation: header7 4s infinite;
}
@keyframes header7{
	0%{
		width: 0;
		height: 0;
	}
	50%{
		width: 150px;
		height: 150px;
	}
	100%{
		width: 0;
		height: 0;
	}
}